<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>SIGEN - Sistema de Gerenciamento de Ensino Nacional</title>
		<script type="text/javascript" src="tela/disciplina/atualizarDisciplina.js" ></script>
		<script type="text/javascript"  >
			preencherFormulario(${json});	
		</script>
		<link rel="stylesheet" type="text/css" href="tela/disciplina/atualizarDisciplina.css" ></link>
	</head>
	<body>

	<div class="ui-widget-content painel" >

			<!-- FORMULARIO -->
			<div id="subtitulo"><h3 class="ui-widget-header">Institucionalização de Disciplinas</h3></div>
			<div id="formWrapper" class="centered">
				<form id="cadastro" action="#" onSubmit="return false;" method="post" class="bbq">
					
					<fieldset class="step" id="dadosDiciplina">
						<legend>Dados da disciplina</legend>
						<ul class="controls">
							<li><label for="nome">Nome:</label>
							<input type="hidden" name="id" id="id"></input>
				  	  		<input type="hidden" name="version" id="version"></input>
							<input type="text" name="nome" id="nome"  class="field" style="width: 340px;"/></li>
							<li><label for="cargaHoraria">Carga horária:</label><input type="text" name="cargaHoraria" id="cargaHoraria"  class="field"/></li>
							<li><label>Modalidade:</label>
							<select id="modalidadeEnsino" name="modalidadeEnsino" class="field">
									<option value="null" >---Escolha---</option>
									<option value="EAD" >EAD</option>
									<option value="Presencial" >Presencial</option>
									<option value="Renaesp" >Renaesp</option>
							</select></li>
							<li><label for="quantidadeDocente">Quantidade de docente:</label><input type="text" name="quantidadeDocente" value="1" id="quantidadeDocente"  class="field"/></li>
							<li><label for="quantidadeMonitor">Quantidade de monitor:</label><input type="text" name="quantidadeMonitor" value="0" id="quantidadeMonitor"  class="field"/></li>
							<li><label for="justificativaDocenteExtra" style="width: 96%; font-family: cursive; font-size: 12px; background-color: silver;">JUSTIFICATIVA PARA DOCENTE EXTRA</label>
							    <textarea type="text" name="justificativaDocenteExtra" id="justificativaDocenteExtra"  class="field" rows="7" cols="62" style="width: 525px"></textarea></li>
					     </ul>
					 </fieldset>

	                  <fieldset class="step" id="objetivoConceitualTxt">
	                  	<legend>Objetivos Conceituais</legend>
	                  	<ul class="controls">
	                  		<li><textarea type="text" name="objetivoConceitual" id="objetivoConceitual"  class="field" rows="17" cols="62" style="width: 525px"></textarea></li>
	                    </ul>
	                  </fieldset>
	                  
	                  <fieldset class="step" id="objetivoProcedimentalTxt">  
	                    <legend>Objetivos Procedimentais</legend>
	                  	<ul class="controls">
	                  		<li><textarea type="text" name="objetivoProcedimental" id="objetivoProcedimental"  class="field" rows="17" cols="62" style="width: 525px"></textarea></li>
	                    </ul>
	                  </fieldset>
	                  
	                  <fieldset class="step" id="objetivoAtitudinalTxt">  
	                    <legend>Objetivos Atitudinais</legend>
	                  	<ul class="controls">
	                  		<li><textarea type="text" name="objetivoAtitudinal" id="objetivoAtitudinal"  class="field" rows="17" cols="62" style="width: 525px"></textarea></li>
	                    </ul>
	                  </fieldset>

	                  <fieldset class="step" id="ementaConceitualTxt">
	                  	<legend>Ementas Conceituais</legend>
	                  	<ul class="controls">
	                  		<li><textarea type="text" name="ementaConceitual" id="ementaConceitual"  class="field" rows="17" cols="62" style="width: 525px"></textarea></li>
	                    </ul>
	                  </fieldset>
	                  
	                  <fieldset class="step" id="ementaProcedimentalTxt">  
	                    <legend>Ementas Procedimentais</legend>
	                  	<ul class="controls">
	                  		<li><textarea type="text" name="ementaProcedimental" id="ementaProcedimental"  class="field" rows="17" cols="62" style="width: 525px"></textarea></li>
	                    </ul>
	                  </fieldset>
	                  
	                  <fieldset class="step" id="ementaAtitudinalTxt">  
	                    <legend>Ementas Atitudinais</legend>
	                  	<ul class="controls">
	                  		<li><textarea type="text" name="ementaAtitudinal" id="ementaAtitudinal"  class="field" rows="17" cols="62" style="width: 525px"></textarea></li>
	                    </ul>
	                  </fieldset>
	                  
	                  <fieldset class="step" id="metodologiasDisciplina">
	                  	<legend>Metodologias da Disciplina</legend>
	                  	<ul class="controls">
							<li><label>Modalidade:</label>
							<select id="dimensaoConhecimento" name="metodologiasDisciplina[dimensaoConhecimento]" class="field">
									<option value="Conceitual" >Conceitual</option>
									<option value="Procedimental" >Procedimental</option>
									<option value="Atitudinal" >Atitudinal</option>
							</select></li>
							<li><label style="width: 96%; font-family: cursive; font-size: 12px; background-color: silver;">METODOLOGIA</label>
								<textarea type="text" name="metodologiasDisciplina[nome]" id="nome"  class="field" rows="5" cols="62" style="width: 525px"></textarea>
								<a id="adicionarMetodologiasBtn"  href="#">Adicionar</a>
						    </li>
							<li>
								<table cellspacing="0" class="display" cellpadding="0" border="0" id="dataGridMetodologias"></table>
							</li>
	                  	</ul>
	                  </fieldset>
	                  
	                  <fieldset class="step" id="avaliacaoTxt">  
	                    <legend>Avaliação da disciplina</legend>
	                  	<ul class="controls">
	                  		<li><textarea type="text" name="avaliacao" id="avaliacao"  class="field" rows="17" cols="62" style="width: 525px"></textarea></li>
	                    </ul>
	                  </fieldset>
	                  
	                  <fieldset class="step" id="disciplinaMatrizCurricular">
	                  	<legend>Áreas de Articulação com a Matriz Curricular Nacional</legend>
	                  	<ul class="controls">
							<li><label>Matriz Curricular Nacional:</label>
							<select id="matrizCurricular" name="matrizCurricular" class="field">
									<option value="null" >---Escolha---</option>
									<option value="SistemasInstituicoesGestaoIntegradaSegurancaPublica" >Sistemas, Instituições e Gestão Integrada em Segurança Pública</option>
									<option value="ViolenciaCrimeControleSocial" >Violência, Crime e Controle Sócial</option>
									<option value="CulturaConhecimentosJuridicos" >Cultura e Conhecimentos Jurídicos</option>
									<option value="ModalidadesGestaoConflitosEventosCriticos" >Modalidades de Gestão de Conflitos e Eventos Críticos</option>
									<option value="ValorizacaoProfissionalSaudeTrabalhador" >Valorização Profissional e Saúde do Trabalhador</option>
									<option value="ComunicacaoInformacaoTecnologiasSegurancaPublica" >Comunicação, Informação e Tecnologias em Segurança Pública</option>
									<option value="CotitianoPraticaPoliciaReflexiva" >Cotidiano e Prática Policial Reflexiva</option>
									<option value="FuncoesTecnicasProcedimentosSegurancaPublica" >Funções, Técnicas e Procedimentos em Segurança Pública</option>
							</select>
							<a id="adicionarMatrizCurricularBtn"  href="#">Adicionar</a>
						    </li>
							<li>
								<table cellspacing="0" class="display" cellpadding="0" border="0" id="dataGridMatrizCurricular"></table>
							</li>
	                  	</ul>
	                  </fieldset>	                  

	                  <fieldset class="step" id="bibliografiaDisciplina">  
	                    <legend>Bibliografias</legend>
	                  	<ul class="controls">
	                  		<li><textarea type="text" name="bibliografia" id="bibliografia"  class="field" rows="17" cols="62" style="width: 525px"></textarea></li>
	                    </ul>
	                  </fieldset>
					 
					<div id="navigation"> 							
						<input class="navigation_button " id="back"  value="Voltar" type="reset" />
						<input class="navigation_button " id="next"  value="Próximo" type="submit" />
					</div>
				</form>
			</div>
	</div>
	
	<!-- MODAL POPUP -->
	<div id="modalPopup" title=" ">
		<span id="dialogMessage" ></span>
	</div>
	
	</body>
</html>
	
